<template>
    <div class="refresh-mode" ga_event="refresh_item_click">
        <span>{{item.time_ago}}看到这里</span>
        &nbsp;点击刷新&nbsp;<tt-icon type="refresh" size="12" color="#2A90D7"></tt-icon>
    </div>
</template>

<style lang="less">
    .refresh-mode {
        position: relative;
        text-align: center;
        font-size: 14px;
        color: #2A90D7;
        height: 32px;
        line-height: 32px;
        background: rgba(41, 144, 215, .08);
        border: 1px solid rgba(41, 144, 215, .5);
        border-radius: 4px;
        cursor: pointer;

        &:before {
            position: absolute;
            top: -2px;
            left: 0;
            content: '';
            width: 100%;
            height: 1px;
            background-color: #fff;
        }

        &:hover {
            background: rgba(41, 144, 215, .2);
        }
    }
</style>

<script>
  export default {
    props: {
      item: {
        type: Object,
        default: {}
      }
    },
    methods: {
    }
  };
</script>



// WEBPACK FOOTER //
// refreshMode.vue?4d00fc16